<template>
	<section>
		<div class="main clear">
			<div class="left">
				<hot></hot>
				<ad-rect></ad-rect>
				<h3 class="h3-component">
					<span class="h3">全部</span>
				</h3>
				<list></list>
			</div>
			<div class="right">
				<div style="height: 40px;"></div>
				<ad-squa></ad-squa>
				<recommend></recommend>
				<topic></topic>
			</div>
		</div>
	</section>
</template>

<script>
import hot from '@/components/hot'
import list from '@/components/list'
import recommend from '@/components/recommend'
import topic from '@/components/topic'
import adRect from '@/components/ad/rect'
import adSqua from '@/components/ad/squa'
export default {
	data() {
		return {
		}
	},
    components: { 
		hot, 
		list,
		recommend, 
		topic, 
		adRect, 
		adSqua
	},
	methods: {
	},
	mounted() {
	}
}
</script>

<style scoped lang="scss">
	.main {
		// background: #fff;
		.left {
			width: 895px;
		}
		.right {
			width: 285px;
		}
	}
</style>